<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      >
    <ui:component>
        <h:form style="margin-top: 0px;margin-bottom: 0px  ">
           

            <h:panelGrid  cellpadding="3" style="margin-bottom: 0px;float: right" columns="4">

                <h:outputText value="Atrasado:" />
                <div  title="Legenda"   style="width: 30px;background: #FF6666;">&nbsp; </div>
                <h:outputText value="Concluido:" />
                <div  title="Legenda"   style="width: 30px;background: #98FB98;">&nbsp; </div>
                <h:outputText value="Andamento" />
                <div  title="Legenda"   style="width: 30px;background: #AFEEEE;">&nbsp; </div>
                <h:outputText value="Parado:" />
                <div  title="Legenda"   style="width: 30px;background: #FFCC33  ;">&nbsp; </div>
                <h:outputText value="Cancelado:" />
                <div  title="Legenda"   style="width: 30px;background: #909090    ;">&nbsp; </div>
               
            </h:panelGrid>

        </h:form>

    </ui:component>
</html>


